.aboutus {
    background-color:#005DAA;
}

.aboutus h1 {
    font-size: 100px;
    font-family: Abril Fatface;
    text-align: left;
    margin-top: 110px;
    margin-left: 70px;
    color: white;
}

.aboutus h2 {
    font-size: 25px;
    font-family: Poppins Light;
    text-align: left;
    margin-top: 30px;
    margin-left: 80px;
    color: white;


}

.aboutus p {
    font-size: 20px;
    font-family: Satisfy;
    text-align: left;
    margin-top: 30px;
    margin-left: 100px;
    color: white;
}

.aboutus img {
    width: 25vw;
    margin: 30px 0 100px 0;
}

.aboutusp p {
    font-size: 20px;
    text-align: center;
    font-family: Poppins Light;
    font-weight: bold;
    margin: 0px 40px 0 40px;
}


.ourclients {
    background-color: white;
    border-radius: 10px;
}

.clientimage {
    padding-bottom: 50px;
    padding-top: 50px;
}

.clientimage img {
    width: 100%;
    height: 80px;
    object-fit: contain;

}


.clientimage img:hover {
    animation: shake .9s;
    animation-iteration-count: 1;
}
.c {
    background-color: #150942;
    height: 400px;
    margin-bottom: 23px;
    border-radius: 20px;
}

.c h1 {
    font-size: 50px;
    font-family: Roboto;
    font-weight: bold;
    color: white;
}

.c h2 {
    font-size: 30px;
    font-family: Roboto;
    font-weight: bold;
    margin-top: 20px;
    color: white;
}


.c iframe {
    width: 90%;
    height: 300px;
    margin-top: 50px;
    border-radius: 10px;
}



@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}





/* ...............................................................................................................
..........................................Phone................................................................
............................................................................................................... */



@media only screen and (max-width:780px) {
    .aboutus h1 {
        font-size: 30px;
        font-family: Abril Fatface;
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .aboutus h2 {
        font-size: 20px;
        font-family: Poppins Light;
        text-align: center;
        margin: 10px 0 50px 0;
    }

    .aboutus p {
        font-size: 16px;
        font-family: Satisfy;
        text-align: left;
        margin-top: 30px;
        margin-left: 100px;
    }

    .aboutus img {
        width: 300px;
        margin: 10px 0 10px 0;
    }

    .aboutusp p {
        font-size: 16px;
        text-align: center;
        font-family: Poppins Light;
        font-weight: bold;
        margin: 0px 10px 0 10px;
    }

    .clientimage img {
        width: 70%;
        height: auto;
        margin: auto auto;
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .clientimage {
        padding-bottom: 0px;
        padding-top: 0px;
    }

}